<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="lib/amazeui/css/amazeui.min.css" />
		<style>
		   body{background: url(img/login/曲线-1.jpg) no-repeat center 0;}		  
			.loginWrap{background-color: rgba(255,255,255,0.3);display: table;border-radius: 10px;}
			/*a{color: black;cursor: pointer;text-decoration: underline;}*/
			button{background-color: #FF9B27;border: none;padding: 8px;color: white;}
		</style>
	</head>
	<body>	
       
            <div class="loginWrap am-padding-horizontal-xl am-padding-vertical-xl">
            	<img src="img/login/logo_1.png" class="am-center" />
            	<p class="am-text-center" style="color:#FF9B27;">UDO互动教学与个性化学习辅导系统</p>
            	<form action="" class="am-form am-margin-vertical-xl">
            		<div class="am-form-group am-form-icon">
            			<i class="am-icon-mobile-phone am-icon-sm"></i>
            			<input type="tel" class="am-form-field" required="required" placeholder="手机号" />            		
            		</div>
            		<div class="am-form-group am-form-icon">
            		    <i class="am-icon-lock am-icon-sm"></i>
            			<input type="password" class="am-form-field" required="required" placeholder="登录密码" />
            		</div>
            		<!--<div class="am-cf">
            			<a class="am-fl">注册</a>
            			<a class="am-fr">忘记密码</a>
            		</div>-->
            		<button type="submit" class="am-radius am-btn-block am-btn-xl am-margin-vertical-xl">登  录</button>
            	</form>
            </div>
		
		<script type="text/javascript" src="lib/jquery-1.11.2.min.js" ></script>
		<script type="text/javascript" src="lib/amazeui/js/amazeui.min.js" ></script>
		<script>
		    $(function(){
		    	$(window).resize();
		    });
			$(window).resize(function(){
				$(".loginWrap").css({
					"margin-left":($(window).width()-$(".loginWrap").outerWidth())/2,
					"margin-top":($(window).height()-$(".loginWrap").outerHeight())/2
				});
			});
		</script>
	</body>
</html>
